<main class="app-content">
  <div class="messages" *ngFor="let message of messages | paginate: {itemsPerPage: pageSize, currentPage: page, totalItems: total}; trackBy: trackById" >
    <div class="tile" style="display: flex; justify-content: space-between">
      <span>{{message.content}}</span>
      <span>{{message.createDate| date: 'yyyy-MM-dd HH:mm:ss'}}</span>
    </div>
  </div>
  <app-pagination
    (pageChange)="onPageChanged($event)"
    [maxSize]="9"
    [isShowInput]="true"
    [isShowPage]="true"
    [isMiniMode]="false"
    [total]="total"
  >
  </app-pagination>
</main>
